<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>首页</title>
  <link rel="stylesheet" href="../lib/layui/css/layui.css">
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/index.css">
</head>
<body>
  <div class="header container">
    仿站电商平台
    <!-- off表示未登录，on表示已登录 -->
    <p class="off active">
      您好！<a href="./login.html">请登录</a>
    </p>
    <p class="on" style="display:none;">
      你好！
      <span class="nickname"></span>
      <button class="self">个人中心</button>
      <button class="logout">退出登录</button>
    </p>
  </div>
  <div class="list container">
    <a href="./list.html">购买商品</a>
  </div>
  <!-- 轮播图容器 (layui carousel) -->
  <div class="layui-carousel container" id="carousel">
    <div carousel-item id="carousel-item">
      <!-- 这里的内容将通过JS动态生成 -->
    </div>
  </div>

  <script src="../lib/jquery.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script src="../lib/layui/layui.js"></script>
  <script src="../js/main.js"></script>
</body>
</html>
